@charset "utf-8";
@import "style.css";
@import "choys.css";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr{margin: 0;padding: 0;border: 0;font-size: 100%;}
hr{height:0;display:none}
a {color:#666;text-decoration:none}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;} 
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img{border:0;vertical-align:top}
li{vertical-align:top}
input{font-size:12px}
body{font-family:dotum,arial,thoma;font-size:12px;color:#666;overflow-y:scroll;*overflow-y:auto;background:url(/image/kor/cleanSer/bg.gif) repeat-x 0 0;}
.png24{tmp:expression(setPng24(this));}
.bg_none{background:none !important}
.ir_text,cation,
legend{position:absolute;z-index:-1;top:-9999em;left:-9999em;text-indent: -9999em}
.mask{display:none;position:absolute;left:0;top:0;z-index:1000;background-color:#000;}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis')}
.tbl_separate {border-collapse:separate !important;}

/* Skip
-------------------------*/
.skipcontent {position:relative;z-index:1000}
.skipcontent li {position:absolute;top:0;left:50%;margin-left:-476px} 
.skipcontent a {display:block;height:1px;width:1px;overflow:hidden;font-size:1em}
.skipcontent a:focus, .skipcontent a:active {height:auto;width:154px;padding:2px 0;text-align:center;color:#222;font-weight:bold;text-decoration:none;border:3px solid #dcdcdc;background-color:#fff}

.field{height:18px;border:1px solid #e0e0e0; vertical-align:middle;}
.parag{line-height:18px;}
.h4Tit1{font-size:16px; color:#005596;}
.disn{display:none;}
.w130{width:130px;}
.w70{width:70px;}
.wp90{width:90%;}
.mb10{margin-bottom:10px;}
.allim{margin:8px 0 22px 0;}


/*main*/
#mainConWrap .Visul{ height:462px;background:url(/image/kor/cleanSer/main_h2.jpg) no-repeat center 0;}
#mainConWrap .Con{padding:40px 35px;margin-left:25px;background:url(/image/kor/cleanSer/bg_main_cont.jpg) no-repeat;}
#mainConWrap .Con p.nav {width:730px; margin:0 auto;}
#mainConWrap .Con p.nav a{ display:inline-block;}
#mainConWrap .Con p.nav a.fir{margin-right:200px;}
#mainConWrap .listWrap{ height:152px; margin:6px 0 30px 0;background:url(/image/kor/cleanSer/main_list.gif) no-repeat 0 0}


#wrap{margin:0px auto; width:980px;}
#header{ height:79px; position:relative;background:url(/image/kor/cleanSer/bg_header.gif) repeat-x 0 74px;}
#header h1{position:absolute; top:26px; left:420px;}
#header ul{position: absolute; top:30px; right:0;}
#header ul li{ float:left; padding-left:15px;}

#lnb{ float:left; width:175px; margin-right:25px;}
#lnb h2{margin:23px 0 20px 0;}

#lnb .lnb_dep1 a{display:block; width:168px; padding:8px 0 7px 7px;}
#lnb .lnb_dep1 a:hover{text-decoration:underline;}
#lnb .lnb_dep1 a:focus,
#lnb .lnb_dep1 a.on{background:#00acdc; boder-top:1px solid #00a2d6; boder-bottom:1px solid #00a2d6;  font-weight:bold; color:#fff; }

#container:after{ display:block; clear:both; content:"";}
#contentArea{float:left; width:762px; padding-right:18px;}
#contentArea .contentTop{margin-bottom:15px;}
#contentArea .locaArea li{ float:left}
#contentArea .locaArea li a{display:block;padding:0 10px 0 ;color:#898989; font-size:11px; background:url(/image/kor/cleanSer/bg_bar.gif) no-repeat  left 3px;}
#contentArea .locaArea li.home a{background:none; padding-left:0px;}
#contentArea .locaArea li a:hover{text-decoration:underline;}
#contentArea .locaArea li a:focus,
#contentArea .locaArea li a.on{ color:#00acdc; font-weight:bold}
#contentArea .locaArea:after{clear:both; content:""; display:block}

.content h3{margin:20px 0 14px;}
.content .topGroup .parag{color:#005596;}
.content .h4Tit1{margin:30px 0 10px 0;}
.tabMenu4{ position:relative; z-index:50;}
.tabMenu4 li{float:left; text-align:center; margin-right:-1px; height:25px; line-height:25px;border:1px solid #d6d6d6; border-bottom:0; 
color: #bababa; background:#f3f3f3; }
.tabMenu4 li a{ display:block;font-size:0.917em;padding:0 10px; font-weight:bold; height:25px; line-height:25px;}
.tabMenu4 .on{border:1px solid #d6d6d6; border-bottom:#fff; color: #00acdc; background:#fff; height:26px;}
.tabMenu4 .on a{color:#00acdc;}
.tabMenu4 .off a{ color:#bababa;}
.tabMenu4 li a:hover{text-decoration:underline;}
.agreeCont{ clear:both;}
.scrollCont2{height:140px; position:relative;border:1px solid #d9d9d9; padding:18px 10px 18px 20px; overflow:auto; line-height:1.5; position:relative; top:-1px; z-index:10}
.scrollCont2 .paraList{margin-top:15px;margin-bottom:10px;}
.scrollCont2 .paraList2{padding-left:10px;margin:2px 0 6px;}
.scrollCont2 .paraList2 li{padding-bottom:1px;}
.chk_agree{margin-top:10px;}

.certifyFm{margin:10px 0 30px; text-align:center;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0; background:#f8f8f8;}
.certifyFm .typeSel{width:370px; margin:0 auto;}
.certifyFm .typeSel li{float:left; margin:20px 0; margin-right:75px;zoom:1; font-weight:bold}
.certifyFm .typeSel:after{ display:block; clear:both; content:"";}
.certifyFm p.ipinMsg{width:100%; text-align:center; margin-bottom:10px;}
.certifyFm p.ipinMsg span{display:block; text-align:left; width:390px; margin:0 auto; margin-bottom:10px;line-height:18px;}

.formTb table{ width:100%;border-top:2px solid #00acdc; border-bottom:2px solid #e0e0e0; font-size:11px;}
.formTb table th p, 
.formTb table td p{border-bottom:1px solid #ededed; height:27px; line-height:27px;padding-top:4px; padding-left:20px;}
.formTb table td p{padding-left:10px;}
.formTb table th.cont p,
.formTb table td.cont p{height:92px;}
.formTb table th.cont p textarea,
.formTb table td.cont p textarea{height:80px; width:90%; border:1px solid #e0e0e0;}
.formTb table th.fir p{border-right:1px solid #edede;}
.formTb table tr.last th p,
.formTb table tr.last td p{border-bottom:none;}
.formTb table th{text-align:left; font-weight:bold;background:#f8f8f8;}
p.btnLink{text-align:right; margin-top:15px;}

#footer{border-top:4px solid #e8e8e8; padding-top:18px; margin:40px 0;}
 





